<template>
  <div class="about-us">
    <div class="about-body">
        <div class="about-title">平台简介</div>
        <div class="about-content" v-html="content"></div>
    </div>
  </div>
</template>

<script>
import { getIntroduction } from '@/api/live.js'
export default {
  name: "AboutUs",
  data() {
    return {
      content:''
    }
  },
  mounted() {
    this.getIntroduction()
  },
  methods:{
    // 获取平台简介
			getIntroduction() {
				let that = this
				that.content = ''
				getIntroduction().then(res => {
					that.content = res.data.live_introduction_platform
          // console.log(res)
				}).catch()
			},
  }
};
</script>

<style lang="scss">
.about-body {
  margin: 1.5% 12.5%;
  padding: 1.5%;
  height: 76vh;
  background-color: #fff;

  .about-title{
    font-size: .9vw;
    margin-bottom: 2vh;
  }
}
</style>